@import './var.scss';
@import '../config/components-var.scss';
@import '../mixins/mixins.scss';

/* 消息提示
-------------------------- */
.el-message {
  box-shadow: $--box-shadow-base;
  min-width: unset;
  padding: 10px 20px;
  top: 40px;
  @include layout(('lg', 'xl')) { padding: 12px 24px; }
}
.el-message__content, .el-message__icon {
  font-size: 12px;
  @include layout(('lg', 'xl')) { font-size: 14px; }
}
.el-message__icon.el-icon-warning {
  animation: scale .4s .7s 1;
}
@keyframes scale {
  to {
    transform: scale(1);
  }
  20% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.5);
  }
  from {
    transform: scale(1);
  }
}

/* 菜单栏
-------------------------- */
.el-submenu {
  &.is-active {
    .el-submenu__title {
      i {
        color: $--color-primary-light-1;
        opacity: .8;
      }
      span {
        color: $--color-primary-light-1;
        opacity: .8;
      }
    }
  }
  .el-menu-item {
    min-width: $--aside-width;
    border-right: 1px solid $--color-white;
  }
}
.el-submenu__title, .el-menu-item {
  span { 
    padding-left: 5px;
    font-size: 13px;
  }
  i {
    font-size: 13px;
  }
}

/* upload
-------------------------- */
.avatar-uploader .el-upload {
  border: 1px dashed $--border-color-base;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: $--color-primary;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: $--color-text-secondary;
  width: 190px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}
.avatar {
  width: 190px;
  height: 120px;
  display: block;
}